<?php
session_start();
include "../include/dbFunctions.php";
include "../include/formFunctions.php";
include "../include/menu.php";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>JA Scheduling</title>
        <!--  CSS script -->
        <link rel="stylesheet" href="../media/css/screen.css" type="text/css" media="screen" title="default" />
    </head>
    <body>
        <!-- DON'T TOUCH! Start: page-top-outer -->
        <?php
        top_outer();
        ?>
        <!-- End: page-top-outer -->

        <div class="clear">&nbsp;</div>

        <!--  start nav-outer-repeat................................................................................................. START -->
        <div class="nav-outer-repeat">
            <!--  start nav-outer -->
            <div class="nav-outer">
                <!-- start nav-right -->
                <?php
                nav_right();
                ?>
                <!-- end nav-right -->
                <!--  start nav -->
                <div class="nav">
                    <div class="table">
                        <?php
                        navigation_event();
                        ?>
                        <div class="clear"></div>
                    </div>
                    <div class="clear"></div>
                </div>
                <!--  start nav -->
            </div>
            <div class="clear"></div>
            <!--  start nav-outer -->
        </div>
        <!--  start nav-outer-repeat................................................... END -->
        <div class="clear"></div>
        <!-- start content-outer ........................................................................................................................START -->
        <div id="content-outer">
            <!-- start content -->
            <div id="content">
                <!--  start page-heading --> <!--lyedit-->
                <div id="page-heading">
                    <h1>System Walk-through</h1>

                </div>
                <!-- end page-heading -->

                <table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
                    <tr>
                        <th rowspan="3" class="sized"><img src="../media/images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
                        <th class="topleft"></th>
                        <td id="tbl-border-top">&nbsp;</td>
                        <th class="topright"></th>
                        <th rowspan="3" class="sized"><img src="../media/images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
                    </tr>
                    <tr>
                        <td id="tbl-border-left"></td>
                        <td>
                            <!--  start content-table-inner ...................................................................... START -->
                            <div id="content-table-inner">
                                <!--  start table-content  -->
                                <div id="table-content">
                                    <!--  Can put table start from here within this div--> <!--lyedit-->
                                    <table width="100%">
                                        <td align="right">
                                            <table>
                                                <tr><td>
                                                        <input type="button" value="&nbsp;" class="tutorials" onClick="parent.location='../include/tutorials.php'"></input>
                                                    </td>                                                   
                                                </tr>
                                            </table>

                                        </td>
                                    </table>
                                    <h3>SYSTEM WALKTHROUGH 1: Navigation</h3>
                                    <iframe width="420" height="315" src="http://www.youtube.com/embed/8VlZz_0mA_g" frameborder="0" allowfullscreen></iframe>
                                    <br/><br/><br/>
                                    <h3>SYSTEM WALKTHROUGH 2: Symbols</h3>
                                    <iframe width="420" height="315" src="http://www.youtube.com/embed/TWToXZ2KKfU" frameborder="0" allowfullscreen></iframe>
                                    <br/><br/><br/>
                                    <h3></h3>
                                    <!--  end table-content here -->
                                </div>
                                <div class="clear"></div>
                            </div>
                            <!--  end content-table-inner ............................................END  -->
                        </td>
                        <td id="tbl-border-right"></td>
                    </tr>
                    <tr>
                        <th class="sized bottomleft"></th>
                        <td id="tbl-border-bottom">&nbsp;</td>
                        <th class="sized bottomright"></th>
                    </tr>
                </table>
                <div class="clear">&nbsp;</div>

            </div>
            <!--  end content -->
            <div class="clear">&nbsp;</div>
        </div>
        <!--  end content-outer........................................................END -->
        <?php
        footer();
        ?>

    </body>
</html>
?>